<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{{.i18n.wide_title}}</title>
        <meta name="keywords" content="Wide, Golang, IDE, Cloud, B3log"/>
        <meta name="description" content="A Web-based Go IDE , do your development anytime, anwhere."/>
        <meta name="author" content="B3log">
        <meta property="og:description" content="A Web-based Go IDE, do your development anytime, anywhere."/>
        {{if eq $.conf.RuntimeMode "dev"}}
        <style>
            .cover-smartediter{
                background-color: #2a2c3f;
                position: fixed;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                z-index:9999;
            }
            .cover-smartediter div{
                background-color: rgba(0,0,0,0.);
                animation:idecover 1s linear infinite alternate;
                -webkit-animation:idecover 1s linear infinite alternate; /*Safari and Chrome*/
            }
            .flex-top{
                height: 70px;
                border-bottom: 1px solid #3d3f53;
            }
            .flex-bottom{
                flex:1;
                display: flex;
            }
            .flex-left{
                width:80px;
                border-right: 1px solid #3d3f53;
            }
            .flex-nav{
                width:333px;
                border-right: 1px solid #3d3f53;
            }
            .flex-content{
                flex:1;
                display: flex;
                flex-direction: column;
            }
            .flex-editer{
                flex:1;
                border-bottom: 1px solid #3d3f53;
                display: flex;
            }
            .flex-state{
                height:185px;
            }
            .flex-editer-c{
                flex:1;
                border-right: 1px solid #3d3f53;
            }
            .flex-editer-nav{
                width: 250px;
            }

            @keyframes idecover
            {
                from {background-color:rgba(0,0,0,0.5);}
                to {background-color:rgba(0,0,0,0);}
            }

            @-webkit-keyframes idecover /*Safari and Chrome*/
            {
                from {background-color:rgba(0,0,0,0.5);}
                to {background-color:rgba(0,0,0,0);}
            }
        </style>
        <link rel="stylesheet" href="/static/js/lib/jquery-layout/layout-default-latest.css">
        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.css">
        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/show-hint.css">
        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/lint.css">
        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.css">
        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.css">
        {{range $index, $theme := .editorThemes}}
        <link rel="stylesheet" href="/static/js/overwrite/codemirror/theme/{{$theme}}.css">{{end}}
        <link rel="stylesheet" href="/static/css/dialog.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/base.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/wide.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/side.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/start.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/about.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/sideTab.css?{{.conf.StaticResourceVersion}}">
        {{else}}
        <link rel="stylesheet" href="/static/css/lib.min.css">
        <link rel="stylesheet" href="/static/css/wide.min.css?{{.conf.StaticResourceVersion}}">
        {{end}}
        <link rel="stylesheet" href="/static/js/lib/ztree/zTreeStyle.min.css">
        <link rel="stylesheet" href="/static/users/{{.uid}}/style.css?{{.conf.StaticResourceVersion}}">
        <link rel="stylesheet" href="/static/css/themes/{{.user.Theme}}.css?{{.conf.StaticResourceVersion}}" id="themesLink">

        <link rel="icon" type="image/x-icon" href="/favicon.ico" />
        {{if ne "" .conf.SiteStatCode}}
            {{.conf.SiteStatCode}}
        {{end}}
    </head>
    <body>
        <div class="cover-smartediter">
            <div class="flex-top"></div>
            <div class="flex-bottom">
                <div class="flex-left">
                </div>
                <div class="flex-nav">
                </div>
                <div class="flex-content">
                    <div class="flex-editer">
                        <div class="flex-editer-c">
                        </div>
                        <div class="flex-editer-nav">
                        </div>
                    </div>
                    <div class="flex-state">
                    </div>
                </div>
            </div>
        </div>
        <!-- menu bar -->
        <div class="menu fn-clear">
            <div class="menu-title">
                <img src="/static/images/chainmakerLOGO.svg">
                ChainMaker SmartEditor
                <div class="fn-right">
                    <span class="current-version-t">长安链版本：</span>
                    <select class="current-version">
                        <!-- <option value="2.1.0">v2.1.0</option>
                        <option value="2.3.0">v2.3.0</option> -->
                    </select>
                    <img title="请选择你要编写的合约最终要被部署的长安链的版本，根据版本不同，所能引用到的合约SDK将不同，编译出来的合约内容也会有差异。" class="current-version-icon" src="/static/images/reminder.png">
                    <select class="user-logout" onchange="if($(this).val() === 'logout'){menu.exit()}">
                        <option value="username">{{.user.Name}}</option>
                        <option value="logout">退出登录</option>
                    </select>
                </div>
            </div>
            <!-- <ul class="fn-cleaer">
                <li>
                    <span>{{.i18n.file}}</span>
                    <div class="frame">
                        <ul>     
                            <li class="save-all disabled" onclick="if (!$(this).hasClass('disabled')){menu.saveAllFiles()}">
                                <span class="font-ico ico-save"></span>
                                <span>{{.i18n.save_all_files}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-S</span>
                            </li>
                            <li class="close-all" onclick="menu.closeAllFiles()">
                                <span class="space"></span>
                                <span>{{.i18n.close_all_files}}</span>
                            </li>
                            <li class="hr"></li>
                            <li class="disabled export" onclick="if (!$(this).hasClass('disabled')){tree.export(this); }">
                                <span class="ico-export font-ico"></span> {{.i18n.export}}
                            </li>
                            <li class="hr"></li>
                            <li onclick="menu.exit()">
                                <span class="font-ico ico-signout"></span>
                                <span>{{.i18n.exit}}</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.edit}}</span>
                    <div class="frame">
                        <ul>     
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.undo(); wide.curEditor.focus()}">
                                <span class="font-ico ico-undo"></span>
                                <span>{{.i18n.undo}}</span>
                                <span class="fn-right ft-small">Ctrl-Z</span>
                            </li>
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.redo(); wide.curEditor.focus()}">
                                <span class="font-ico ico-redo"></span>
                                <span>{{.i18n.redo}}</span>
                                <span class="fn-right ft-small">Ctrl-Y</span>
                            </li>
                            <li class="hr"></li>
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('selectAll'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.select_all}}</span>
                                <span class="fn-right ft-small">Ctrl-A</span>
                            </li>
                            <li class="edit disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.focus(); wide.curEditor.execCommand('selectIdentifier')}">
                                <span class="space"></span>
                                <span>{{.i18n.select_identifier}}</span>
                                <span class="fn-right ft-small">Shift-Alt-J</span>
                            </li>
                            <li class="hr"></li>
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('gotoLine')}">
                                <span class="ico-goline font-ico"></span>
                                <span>{{.i18n.goto_line}}</span>
                                <span class="fn-right ft-small">Ctrl-L</span>
                            </li>
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('deleteLine'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.delete_line}}</span>
                                <span class="fn-right ft-small">Ctrl-E</span>
                            </li>
                            <li class="hr"></li>
                            <li class="edit disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('copyLinesUp'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.copy_lines_up}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-Up</span>
                            </li>
                            <li class="edit disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('copyLinesDown'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.copy_lines_down}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-Down</span>
                            </li>
                            <li class="edit disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('moveLinesUp'); wide.curEditor.focus()}">
                                <span class="ico-moveup font-ico"></span>
                                <span>{{.i18n.move_lines_up}}</span>
                                <span class="fn-right ft-small">Shift-Alt-Up</span>
                            </li>
                            <li class="edit disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('moveLinesDown'); wide.curEditor.focus()}">
                                <span class="ico-movedown font-ico"></span>
                                <span>{{.i18n.move_lines_down}}</span>
                                <span class="fn-right ft-small">Shift-Alt-Down</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.source}}</span>
                    <div class="frame">
                        <ul>     
                            <li class="format disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.fmt(editors.getCurrentPath(), wide.curEditor); wide.curEditor.focus()}">
                                <span class="ico-format font-ico"></span>
                                <span>{{.i18n.format}}</span>
                                <span class="fn-right ft-small">Alt-Shift-F</span>
                            </li>
                            <li class="hr"></li>
                            <li class="autocomplete disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('autocompleteAnyWord'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.autocomplete}}</span>
                                <span class="fn-right ft-small">Ctrl-\</span>
                            </li>
                            <li class="jump-to-decl disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('jumpToDecl'); wide.curEditor.focus()}">
                                <span class="space"></span>
                                <span>{{.i18n.jump_to_decl}}</span>
                                <span class="fn-right ft-small">Ctrl-B</span>
                            </li>
                            <li class="expr-info disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('exprInfo'); wide.curEditor.focus()}">
                                <span class="font-ico ico-info"></span>
                                <span>{{.i18n.show_expr_info}}</span>
                                <span class="fn-right ft-small">Ctrl-I</span>
                            </li>
                            <li class="find-usages disabled"
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findUsages')}">
                                <span class="space"></span>
                                <span>{{.i18n.find_usages}}</span>
                                <span class="fn-right ft-small">Alt-F7</span>
                            </li>
                            <li class="hr"></li>
                            <li class="toggle-comment disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('toggleComment'); wide.curEditor.focus()}">
                                <span class="ico-comment font-ico"></span>
                                <span>{{.i18n.toggle_comment}}</span>
                                <span class="fn-right ft-small">Ctrl-/</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.find}}</span>
                    <div class="frame">
                        <ul>     
                            <li onclick="$('#dialogGoFilePrompt').dialog('open')">
                                <span class="font-ico ico-find"></span>
                                <span>{{.i18n.goto_file}}</span>
                                <span class="fn-right ft-small">Shift-Alt-O</span>
                            </li>
                            <li class="hr"></li>
                            <li onclick="$('#dialogSearchForm').dialog('open')">
                                <span class="font-ico ico-findfiles"></span>
                                <span>{{.i18n.find_in_files}}</span>
                                <span class="fn-right ft-small">Ctrl-F</span>
                            </li>
                            <li class="hr"></li>
                            <li class="find disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('find'); }">
                                <span class="space"></span>
                                <span>{{.i18n.find}}</span>
                                <span class="fn-right ft-small">Ctrl-F</span>
                            </li>
                            <li class="find-next disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findNext'); }">
                                <span class="space"></span>
                                <span>{{.i18n.find_next}}</span>
                                <span class="fn-right ft-small">Ctrl-G</span>
                            </li>
                            <li class="find-previous disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findPrev'); }">
                                <span class="space"></span>
                                <span>{{.i18n.find_previous}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-G</span>
                            </li>
                            <li class="replace disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('replace'); }">
                                <span class="space"></span>
                                <span>{{.i18n.replace}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-F</span>
                            </li>
                            <li class="replace-all disabled" 
                                onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('replaceAll'); }">
                                <span class="space"></span>
                                <span>{{.i18n.replace_all}}</span>
                                <span class="fn-right ft-small">Shift-Ctrl-R</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.focus}}</span>
                    <div class="frame">
                        <ul>    
                            <li onclick="hotkeys.defaultKeyMap.goEditor.fun()">
                                <span class="ico-editor font-ico"></span>
                                <span>{{.i18n.focus_editor}}</span>
                                <span class="fn-right ft-small">Ctrl-0</span>
                            </li>
                            <li onclick="hotkeys.defaultKeyMap.goFileTree.fun()">
                                <span class="ico-tree font-ico"></span>
                                <span>{{.i18n.focus_file_tree}}</span>
                                <span class="fn-right ft-small">Ctrl-1</span>
                            </li>
                            <li onclick="hotkeys.defaultKeyMap.goOutput.fun()">
                                <span class="space"></span>
                                <span>{{.i18n.focus_output}}</span>
                                <span class="fn-right ft-small">Ctrl-4</span>
                            </li>
                            <li onclick="hotkeys.defaultKeyMap.goSearch.fun()">
                                <span class="space"></span>
                                <span>{{.i18n.focus_search}}</span>
                                <span class="fn-right ft-small">Ctrl-5</span>
                            </li>
                            <li onclick="hotkeys.defaultKeyMap.goNotification.fun()">
                                <span class="ico-notification font-ico"></span>
                                <span>{{.i18n.focus_notification}}</span>
                                <span class="fn-right ft-small">Ctrl-6</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.run}}</span>
                    <div class="frame">
                        <ul>
                            <li class="build disabled" onclick="if (!$(this).hasClass('disabled')){menu.build()}">
                                <span class="font-ico ico-build"></span>
                                <span>{{.i18n.build}}</span>
                                <span class="fn-right ft-small">F5</span>
                            </li>
                            <li class="run disabled" onclick="if (!$(this).hasClass('disabled')){menu.run()}">
                                <span class="font-ico ico-buildrun"></span>
                                <span>{{.i18n.build_n_run}}</span>
                                <span class="fn-right ft-small">F6</span>
                            </li>
                            <li class="hr"></li>
                            <li class="go-test disabled" onclick="if (!$(this).hasClass('disabled')){menu.test()}">
                                <span class="space"></span>
                                <span>{{.i18n.test}}</span>
                            </li>
                            <li class="hr"></li>
                            <li class="go-install disabled" onclick="if (!$(this).hasClass('disabled')){menu.goinstall()}">
                                <span class="space"></span>
                                <span>{{.i18n.goinstall}}</span>
                            </li>
                            <li class="go-vet disabled" onclick="if (!$(this).hasClass('disabled')){menu.govet()}">
                                <span class="space"></span>
                                <span>{{.i18n.govet}}</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li onclick="menu.openPreference()">
                    <span>{{.i18n.preference}}</span>
                </li>
                <li>
                    <span>{{.i18n.help}}</span>
                    <div class="frame">
                        <ul>
                            <li onclick="window.open('https://ld246.com/article/1538873544275')">
                                <span class="font-ico ico-book"></span>
                                <span>{{.i18n.wide_doc}}</span>
                            </li>                            
                            <li onclick="window.open('https://github.com/88250/wide/issues/new/choose')">
                                <span class="ico-report font-ico"></span>
                                {{.i18n.issues}}
                            </li>
                            <li class="hr"></li>
                            <li onclick="window.open('/keyboard_shortcuts')">
                                <span class="ico-keyboard font-ico"></span>
                                {{.i18n.keyboard_shortcuts}}
                            </li>
                            <li class="hr"></li>
                            <li onclick="window.open('/playground')">
                                <span class="space"></span>
                                Playground
                            </li>
                            <li class="hr"></li>
                            <li onclick="editors.openStartPage()">
                                <span class="font-ico ico-start"></span>
                                <span>{{.i18n.start_page}}</span>
                            </li>
                            <li onclick="menu.openAbout()">
                                <span class="font-ico ico-about"></span>
                                <span>{{.i18n.about}}</span>
                            </li>
                            <li onclick="window.open('https://ld246.com/sponsor')">
                                <span class="space"></span>
                                <span>{{.i18n.sponsor}}</span>
                            </li>
                        </ul>
                    </div>                    
                </li>
            </ul>
            <span class="split"></span>
            <span id="buildRun" onclick="menu.run()" class="font-ico ico-buildrun" title="{{.i18n.build_n_run}}"></span> -->

        </div>
              <div class="side-tab">
                <!-- 文件浏览 -->
                <div title="文件浏览" onclick="sideTab.changeTab('fileTree')" class="fileTree active-tab">
                    <img class="font-ico ico-dark default-icon" src="/static/images/file.svg"/>
                    <img class="font-ico ico-dark active-icon" src="/static/images/file-active.svg" />
                </div>
                <!-- 合约调试 -->
                <div title="合约调试" onclick="sideTab.changeTab('contractDebug')" class="contractDebug">
                    <img class="font-ico ico-dark default-icon" src="/static/images/adjust.svg" />
                    <img class="font-ico ico-dark active-icon" src="/static/images/adjust-active.svg" />
                </div>
                <!-- 合约编译 -->
                <div title="合约编译" onclick="sideTab.changeTab('contractCompile')" class="contractCompile">
                    <img class="font-ico ico-dark default-icon" src="/static/images/build.svg" />
                    <img class="font-ico ico-dark active-icon" src="/static/images/build-active.svg" />
                </div>
                <!-- 合约部署 -->
                <div title="合约部署" onclick="sideTab.changeTab('contractDeploy')" class="contractDeploy">
                    <img class="font-ico ico-dark default-icon" src="/static/images/deploy.svg" />
                    <img class="font-ico ico-dark active-icon" src="/static/images/deploy-active.svg" />
                </div>
                <!-- 合约调用 -->
                <div title="合约调用" onclick="sideTab.changeTab('contractCall')" class="contractCall">
                    <img class="font-ico ico-dark default-icon" src="/static/images/call.svg" />
                    <img class="font-ico ico-dark active-icon" src="/static/images/call-active.svg" />
                </div>
                <div class="set-ico">
                    <a target="_blank" href="/doc/SmartEditor%20%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/"><img title="提示" class="font-ico ico-dark" src="/static/images/reminder.png" /></a>
                    <img title="设置" class="font-ico ico-dark" onclick="$('#dialogSetForm').dialog('open');" src="/static/images/setup.svg" />
                </div>
             </div>
             <div class="content">
                <div class="side">
                </div>
                 <div class="edit-content">
                 <div class="edit-panel">
                     <div class="toolbars">
                        <span class="font-ico ico-save" title="{{.i18n.save}}"></span>
                        <span class="font-ico ico-max window-contral" title="{{.i18n.max_editor}}"></span>
                     </div>
                     <div class="frame">
                         <ul>
                             <li onclick="editors.close()" title="{{.i18n.close}}">
                                 <span>{{.i18n.close}}</span>
                             </li>    
                             <li onclick="menu.closeAllFiles()" title="{{.i18n.close_all_files}}">
                                 <span>{{.i18n.close_all_files}}</span>
                             </li>    
                             <li onclick="editors.closeOther()" title="{{.i18n.close_other}}">
                                 <span>{{.i18n.close_other}}</span>
                             </li>
                             <li class="hr"></li>
                             <li id="copyFilePath" title="{{.i18n.copy_file_path}}">
                                 <span>{{.i18n.copy_file_path}}</span>
                             </li>    
                         </ul>
                     </div>
                     <div class="tabs">  
                         <span class="operate-wrapper">
                             <img class="font-ico ico-dark" src="/static/images/searchplus.svg" onclick="wide.fontChange('big')" ondblclick="wide.fontChange('big')" />
                             <img class="font-ico ico-dark" src="/static/images/searchreduce.svg" onclick="wide.fontChange('small')" ondblclick="wide.fontChange('small')" />
                         </span>
                     </div>
                     <div class="tabs-panel"></div>
                 </div>
                <div class="side-right">
                    <div class="tabs">
                        <div class="current" data-index="outline">
                            <span title="{{.i18n.outline}}">Structure</span>
                        </div>
                        <span title="{{.i18n.min}}" class="font-ico ico-min">
                            <img title="{{.i18n.min}}" class="font-ico ico-dark " src="/static/images/righticon.svg" width="16"
                                height="16" style="position:absolute; right: 10px;  margin-top: 13px;" />
                        </span>

                    </div>
                    <div class="tabs-panel">
                        <div id="outline" data-index="outline"></div>
                    </div>
                </div>
                 <div class="bottom-window-group">
                     <div class="frame">
                         <ul>
                             <li onclick="bottomGroup.clear('output')" title="{{.i18n.clear}}">
                                 <span>{{.i18n.clear}}</span>
                             </li>   
                         </ul>
                     </div>
                     <div class="tabs">
                         <div class="current" data-index="ideoutput">
                             <span title="输出">输出</span>
                         </div>
                         <div data-index="ideevent">
                            <span title="事件">事件</span>
                        </div>
                        <div data-index="worldstate">
                            <span title="世界状态">世界状态</span>
                        </div>
                        <span class="fn-right tabs-search-wrapper">
                            <span class="search-tools" ondblclick="window.event ? window.event.cancelBubble = true : event.stopPropagation">
                                <img  class="tabs-search-pre" src="/static/images/search.svg">
                                <input class="tabs-search" placeholder="搜索"></input>
                                <span class="tabs-search-icon">
                                    <img class="tabs-search-down" src="/static/images/downarrow.svg">
                                    <img class="tabs-search-up" src="/static/images/uparrow.svg">
                                    <img class="tabs-search-close" src="/static/images/close-x.svg">
                                </span>
                            </span>
                            <span class="clear-all" title="清除">清除</span>
                            <span class="down-icon ico-min"></span>
                        </span>
                     </div>
                     <div class="tabs-panel">
                         <div data-index="ideoutput">
                             <div class="output ideoutput" tabindex="-1">
                                 <div></div>
                             </div>
                         </div>
                         <div class="fn-none" data-index="ideevent">
                             <div class="ideevent" tabindex="-1">
                                 <table><tbody></tbody></table>
                             </div>
                         </div>
                         <div class="fn-none" data-index="worldstate">
                             <div class="worldstate" tabindex="-1">
                                 <div class="button-list">
                                     <div class="button-list-select">
                                        切换合约：<select class="worldstate-select"></select>
                                     </div>
                                     <button onclick="worldstate.addDataHandle()">新增</button>
                                 </div>
                                 <div class="worldstate-form">
                                     <div class="header"><div class="flex2">key</div><div class="flex3">value</div><div class="flex1">Version</div></div>
                                     <div class="table-body"></div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
        </div>
        <!-- <div class="footer fn-clear">
            <div class="fn-right">
                <span class="cursor"></span>
                <span class="notification-count" title="{{.i18n.unread_notification}}">{{.i18n.notification}}</span>
            </div>
        </div> -->
        <div id="dialogRemoveConfirm" class="fn-none">
            <p style="margin-top: 40px;color: #fff;"></p>
        </div>
        <div id="dialogAlert" class="fn-none"></div>
        <div id="dialogAbout" class="fn-none"></div>
        <div id="dialogPreference" class="fn-none"></div>
        <div id="dialogNewFilePrompt" class="dialog-prompt fn-none">
            <input/>
        </div>
        <div id="dialogRenamePrompt" class="dialog-prompt fn-none">
            <input/>
        </div>
        <div id="dialogNewDirPrompt" class="dialog-prompt fn-none">
            <input/>
        </div>
        <div id="dialogGoLinePrompt" class="dialog-prompt fn-none">
            <input/>
        </div>
        <div id="dialogGoFilePrompt" class="dialog-prompt fn-none">
            <input/>
            <ul class="list"></ul>
        </div>
        <div id="dialogSearchForm" class="dialog-form fn-none">
            <input placeholder="{{.i18n.keyword}}" />
            <input placeholder="{{.i18n.file_format}}" />
        </div>
        <div id="dialogCloseEditor" class="dialog-form fn-none">
            <div></div><br/>
            <div class="fn-right">
                <button class="save">{{.i18n.save}}</button>
                <button class="discard">{{.i18n.discard}}</button>
                <button class="cancel">{{.i18n.cancel}}</button>
            </div>
        </div> 
        <div id="dialogSetForm" class="dialog-form fn-none">
            <label>
                {{.i18n.font_size}}{{.i18n.colon}}
                <select class="select" name="fontSize" data-value="{{.user.Editor.FontSize}}">
                    {{range $index, $fontSize := .fontSizes }}
                    <option value="{{$fontSize}}" {{if eq $.user.Editor.FontSize $fontSize}}selected="selected"{{end}}>{{$fontSize}}</option>
                    {{end}}
                </select>
            </label>
            <label>
                {{.i18n.line_height}}{{.i18n.colon}}
                <select class="select" name="editorLineHeight" data-value="{{.user.Editor.LineHeight}}">
                    {{range $index, $lineHeights := .lineHeights }}
                    <option value="{{$lineHeights}}" {{if eq $.user.Editor.LineHeight $lineHeights}}selected="selected"{{end}}>{{$lineHeights}}</option>
                    {{end}}
                </select>
            </label>
            <label>
                {{.i18n.editor_theme}}{{.i18n.colon}}
                <select class="select" name="editorTheme" data-value="{{.user.Editor.Theme}}">
                    {{range $index, $theme := .editorThemes }}
                    <option value="{{$theme}}" {{if eq $.user.Editor.Theme $theme}}selected="selected"{{end}}>{{$theme}}</option>
                    {{end}}
                </select>
            </label>
            <label>
                {{.i18n.theme}}{{.i18n.colon}}
                <select class="select" name="theme" data-value="{{.user.Theme}}">
                    <option value="{{.user.Theme}}" selected="selected">{{.user.Theme}}</option>
                </select>
                <!-- <select class="select" name="theme" data-value="{{.user.Theme}}">
                    {{range $index, $theme := .themes }}
                    <option value="{{$theme}}" {{if eq $.user.Theme $theme}}selected="selected"{{end}}>{{$theme}}</option>
                    {{end}}
                </select> -->
            </label>
        </div>
        <script>
            var channelScheme = -1 < window.location.protocol.indexOf("https") ? "wss":"ws";
            var channel = channelScheme + "://" + window.location.hostname + ":" + window.location.port;
            var config = {
                    "pathSeparator": '{{.pathSeparator}}',
                    "label": {{.i18n}},
                    "channel": channel,
                    "wideSessionId": '{{.sid}}',
                    "editorTheme": '{{.user.Editor.Theme}}',
                    "latestSessionContent": {{.latestSessionContent}},
                    "editorTabSize": '{{.user.Editor.TabSize}}',
                    "keymap": '{{.user.Keymap}}',
                    "autocomplete": {{.conf.Autocomplete}}
            };
            var user = {{.user}}
            var i18n = {{.i18n}}
            // 发往 Wide 的所有 AJAX 请求需要使用该函数创建请求参数.
            function newWideRequest() {
            var ret = {
            sid: config.wideSessionId
            };
            return ret;
            }

        </script>
        {{if eq $.conf.RuntimeMode "dev"}}
        <script type="text/javascript" src="/static/js/lib/jquery-2.1.1.min.js"></script>

        <script>
            function initVersionSelect(){
                var cm_version = {
                    '2.1.0':'https://ide.chainmaker.org.cn',
                    '2.3.0':'https://ide230.chainmaker.org.cn',
                };
                var currentVersion;
                var org = window.location.origin;
                var optionStr = '';
                var keys = Object.keys(cm_version);
                keys.forEach(function(v){
                    optionStr+=`<option value="${v}">v${v}</a></option>`;
                    if(org ===  cm_version[v]){
                        localStorage.setItem(`local-ide-version`,v);
                        currentVersion = v;
                    }
                })
                var $select = $('select.current-version')
                $select.html(optionStr);
                $select.val(currentVersion);
                $select.change(function(value){
                    var v = $select.val();
                    localStorage.setItem(`local-ide-version`,v);
                    window.location.href = cm_version[v]+'/login/redirect?auth_server=CHAINMAKER&origin=1';
                })
                if(currentVersion){
                    return currentVersion;
                }else{
                    return '2.3.0';
                }
            }
            var chainmakerCurrentVersion = initVersionSelect();
        </script>
        <script type="text/javascript" src="/static/js/lib/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/static/js/lib/jquery-layout/jquery.layout-latest.js"></script>
        <script type="text/javascript" src="/static/js/lib/reconnecting-websocket.js"></script>
        <script type="text/javascript" src="/static/js/lib/ztree/jquery.ztree.all-3.5.min.js"></script>
        <script type="text/javascript" src="/static/js/lib/Autolinker.min.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.min.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/lint.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/json-lint.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/selection/active-line.js"></script>
        <script type="text/javascript" src="/static/js/overwrite/codemirror/addon/hint/show-hint.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/anyword-hint.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/display/rulers.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/closebrackets.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/matchbrackets.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/closetag.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/searchcursor.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/search.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/match-highlighter.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldcode.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/brace-fold.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/xml-fold.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/markdown-fold.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/comment-fold.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/mode/loadmode.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/comment/comment.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/meta.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/go/go.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/clike/clike.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/xml/xml.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/htmlmixed/htmlmixed.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/javascript/javascript.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/markdown/markdown.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/css/css.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/shell/shell.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/sql/sql.js"></script>
        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/keymap/vim.js"></script>
        <script type="text/javascript" src="/static/js/lib/lint/json-lint.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/lint/go-lint.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/emmet.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/js-beautify-1.5.4/beautify.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/js-beautify-1.5.4/beautify-html.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/js-beautify-1.5.4/beautify-css.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/jquery-file-upload-9.8.0/vendor/jquery.ui.widget.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/jquery-file-upload-9.8.0/jquery.iframe-transport.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/lib/jquery-file-upload-9.8.0/jquery.fileupload.js?{{.conf.StaticResourceVersion}}"></script>

        <script type="text/javascript" src="/static/js/extension.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/tabs.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/dialog.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/editors.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/notification.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/tree.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/wide.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/session.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/menu.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/windows.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/hotkeys.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/bottomGroup.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/sideTab.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/ideevent.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/worldstate.js?{{.conf.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="/static/js/ideoutput.js?{{.conf.StaticResourceVersion}}"></script>
        {{else}}
        <script type="text/javascript" src="/static/js/lib.min.js"></script>
        <script type="text/javascript" src="/static/js/wide.min.js?{{.conf.StaticResourceVersion}}"></script>
        {{end}}
        <script type="text/javascript" src="/static/js/lib/ztree/jquery.ztree.all-3.5.min.js"></script>
        <script type="text/javascript">
            function hideCover(){
                setTimeout(function(){
                    if($('.cover-smartediter').length>0){
                        $('.cover-smartediter').fadeOut('normal',function(){
                            $('.cover-smartediter').remove();
                        })
                    }
                },100);
            }
        </script>
        <script type="text/javascript" onload="hideCover()" src="/static/js/lib/zeroclipboard/ZeroClipboard.min.js"></script>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?55310b3da422e28fa4a9addffa51c739";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </body>
</html>